/*通用部分*/
*{margin: 0;padding: 0;font-family:"微软雅黑";}
html,body{width:100%;height:100%;/* background:url("../images/bg.png") no-repeat; */background-size:100% 100%;background-color: #ccc;}
ul li{list-style: none;}
a{text-decoration:none;}
img{border:0;}
input,select{outline:none;}
button{border:none;outline:none;}
.orange{background:#666;}      				/*设置背景颜色*/
.orange-text{color:#2a2a2a;}                    /*设置字体颜色*/
.orange-border{border:solid 1px #2a2a2a;}       /*设置边框颜色*/
.orange2{background:rgb(255,182,0);}
span.orange2:hover{background:rgb(26,140,148);}
.orange2-text,.orange2-text a{color:rgb(255,182,0);}
.orange2-border{border:solid 1px rgb(255,182,0);}
.num{font-family:Arial;}                        /*数字或字母的字体样式*/

/*顶部导航栏*/
.top-zq{height: 75px;width:100%;background:white;overflow:hidden;font-size:14px;}
.top-zq .left{float:left;display:inline-block;height:75px;line-height:75px;text-indent:20px;font-size:20px;}
.top-zq .left img{float:left;margin-left:27px;height: 60px;padding-top: 8px;}
.top-zq .right{float: right;}
.top-zq .top-nav li{float: left;padding-right: 60px;cursor:pointer;}
.top-zq .top-nav{line-height: 75px;}
.top-zq .top-nav a{color:rgb(255,182,0);}
.top-zq .top-nav li:hover,.top-zq .top-nav a:hover{color:#010101;}
.top-zq .top-nav li i{margin-top:-2px;margin-right: 2px;}
.icon-zy{background: url("../images/zy.png") no-repeat;display: inline-block;vertical-align: middle;width: 17px;height: 18px;}
.icon-yy{background: url("../images/yz.png") no-repeat;display: inline-block;vertical-align: middle;width: 17px;height: 18px;}
.icon-kf{background: url("../images/kf.png") no-repeat;display: inline-block;vertical-align: middle;width: 17px;height: 18px;}
.icon-tc{background: url("../images/tc.png") 0px 1px no-repeat;display: inline-block;vertical-align: middle;width: 17px;height: 18px;}

/*主体结构*/
.content{width:100%;overflow:hidden;/* background:url("../images/bg.png") no-repeat; */background-size:100% 100%;}
.left-zq{width: 16%;float:left;margin-top:20px;}
/*padding-bottom:40px;*/
.right-zq{width: 84%;box-sizing:border-box;font-size:16px;color:rgb(50,50,50);float:right;}
.dynamic{width:100%;overflow:hidden;}
.dynamiclayer{display:none;}

/*左侧列表*/
.listul .listul-li{text-align:center;color:white;overflow:hidden;font-size: 16px;border-bottom:solid 1px white;}
.listul .listul-li a{color:white;}
.listul-div{width:160px;height:84px;line-height:80px;display:inline-block;box-sizing: border-box;}
.listul-div:hover{cursor:pointer;}
.listul-mask{width:90px;display:none;position:relative;top:-5px;left:50%;margin-left:-45px;}
.listul-mask ul{width:100%;padding-bottom:20px;text-align:center;font-size:14px;}
.listul-mask li{width:143px;height:28px;line-height:28px;cursor:pointer;text-align:left;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap;}
.listul-mask li:hover,.listul-mask li:hover a{color:rgb(255,182,0);}
.listul-mask .dot{width:10px;height:10px;line-height:28px;border-radius:50%;background:rgb(255,182,0);display:inline-block;margin-right:10px;visibility:hidden;}
.list-icon{display:block;width:33px;height:89px;float:left;line-height: 89px;}
.list-icon1{background:url("../images/xitonggaishu_icon.png") 12px 34px no-repeat;background-size: 21px 21px;}
.list-icon2{background:url("../images/yonghuquanxian_icon.png") 12px 34px no-repeat;background-size: 21px 21px;}
.list-icon3{background:url("../images/xitongshezhi_icon.png") 12px 34px no-repeat;background-size: 21px 21px;}
.list-icon4{background:url("../images/huiyuanguanli_icon.png") 12px 34px no-repeat;background-size: 21px 21px;}
.list-icon5{background:url("../images/tongjibaobiao_icon.png") 12px 34px no-repeat;background-size: 21px 21px;}
.list-icon6{background:url("../images/new_icon.png") 12px 34px no-repeat;background-size: 21px 21px;}
.list-text{display:block;width:100px;height:89px;float:left;overflow:hidden;line-height: 89px;}
.list-arrow{display:block;width:17px;height:89px;float:right;background:url("../images/jiahao_icon.png") 0px 35px no-repeat;background-size:17px 17px;}
.list-arrow.s{background:url("../images/jianhao_icon.png") 0px 43px no-repeat;background-size:17px 2px;}

/*右侧展示部分*/

/*首页*/
.index{width:100%;float:left;}
.index .user-box{width:94%;height:80px;border-radius:5px;float:left;margin-top:20px;margin-left:3%;background:#fff;overflow:hidden;display:table;}
.index .user{width:100%;height:80px;display:table-cell;vertical-align:middle;}
.index .user .portrait{width:80px;height:80px;border-radius:100%;box-shadow:0px 0px 1px black;float:left;margin-left:40px;}
.index .user .info{width:300px;height:80px;float:left;margin-left:20px;}
.index .user .info p{height:40px;line-height:40px;overflow:hidden;}
.index .wallet{width:100%;padding-bottom:20px;float:left;overflow:hidden;}
.index .wallet li{width:45.5%;height:100px;border-radius:5px;background:#fff;float:left;margin-left:3%;margin-top:20px;overflow:hidden;position:relative;}
.index .wallet-box{width:100%;height:70px;margin-top:15px;overflow:hidden;}
.index .wallet li .wallet-img{width:110px;height:70px;float:left;margin-left:25%;overflow:hidden;}
.index .wallet li .wallet-text{width:130px;height:70px;float:right;margin-right:22%;text-align:center;}
.index .wallet li .wallet-text span{display:inline-block;width:100%;height:35px;line-height:35px;}
.index .wallet li .wallet-text .num{font-size:26px;transition:all linear .3s;}
.index .wallet li .wallet-text .text{font-size:18px;}
.index .wallet li:hover .wallet-text .num{transform:scale(1.7);}

/*角色管理*/
.role{width:94%;margin-left:3%;margin-top:20px;margin-bottom:5px;padding-bottom:25px;float:left;overflow:hidden;background:white;}
.role .title{width:100%;height:30px;line-height:30px;color:white;}
.role .title .left{margin-left:3%;}
.role .title span{display:inline-block;height:30px;padding:0px 10px;}
.role .title label{display:inline-block;width:10px;height:30px;}
.role-input{width:92%;height:70px;line-height:70px;margin-left:4%;overflow:hidden;}
.role-input .input{width:75%;float:left;}
.role-input .input li{height:70px;float:left;overflow:hidden;}
.role-input .input .li1,.role-input .input .li2{width:36%;}
.role-input .input .li3{width:28%;}
.role-input .input input,.role-input .input select{width:50%;height:30px;text-indent:5px;outline:none;border:solid 1px rgb(220,220,220);}
.role-input .button{width:25%;height:60px;float:right;}
.role-input .button span{float:right;display:block;width:70px;height:30px;border-radius:5px;line-height:30px;margin-top:18px;margin-left:10px;color:white;text-align:center;cursor:pointer;}
.role-input .button span a{color:white;}
.role-input .button .refresh{width:85px;text-indent:20px;margin-left:30px;background-image:url("../images/shuaxin_icon.png");background-position:13px 5px;background-repeat: no-repeat;background-size:16px 20px;}
.role-table{width:100%;min-height:100px;overflow:hidden;}
.role-table table{width:92%;float:left;margin-left:4%;letter-spacing:1px;text-align:center;border:solid 1px rgb(220,220,220);border-right:none;border-bottom:none;}
.role-table table tr{height:28px;font-size:14px;}
.role-table table .head{height:30px;overflow:hidden;}
.role-table table .head span{display:block;height:30px;line-height:30px;text-align:center;background:rgb(248,248,248);color:rgb(50,50,50);font-size:16px;}
.role-table table td{width:10%;margin:0px 30px;border-right:solid 1px rgb(220,220,220);border-bottom:solid 1px rgb(220,220,220);}
.role-table table a{color:rgb(26,140,148);}
.role-table table a:hover{color:rgb(255,182,0);}
.role-page{width:100%;height:30px;margin-top:20px;padding-bottom:10px;overflow:hidden;}
.role-page ul{float:right;margin-right:4%;}
.role-page li{float:left;line-height:30px;margin:0px 10px;}
.role-page span,.role-page a{display:block;width:60px;height:30px;border-radius:5px;line-height:30px;text-align:center;cursor:pointer;}
.role-page .first{color:white;box-sizing:border-box;}
.role-page .next{background:white;box-sizing:border-box;}
.role-page .num{font-size:14px;}
.role-page input{width:40px;height:28px;vertical-align:middle;margin:-5px 10px 0px;border:solid 1px rgb(220,220,220);text-align:center;}
.role-page .confirm{display:inline-block;box-sizing:border-box;margin-left:10px;}
.role-page .next:hover,.role-page .confirm:hover{background:rgb(255,182,0);color:white;}

/*遮罩层*/
body{position:relative;}
.wrapper,.wrapper2{width:100%;height:100%;background:rgba(0,0,0,.3);position:absolute;top:0px;z-index:1;display:none;}
.mask,.mask2{width:400px;height:350px;position:fixed;left:50%;top:50%;margin-top:-175px;margin-left:-200px;}
.mask-head{text-align:center;text-indent:16px;padding: 0 20px;line-height:45px;background:#fff;color:#000;font-size:16px;border-bottom:1px solid #e6e6eb;border-top-left-radius:5px;border-top-right-radius:5px;}
.mask-head .mask-close,.mask-head .mask-close2{float:right;width:16px;height:16px;margin-top:10px;background:url(../images/guanbi_icon.png) no-repeat;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;width: 26px;height: 26px;vertical-align: middle;}
.mask-head .mask-close:hover,.mask-head .mask-close2:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
.mask-content{padding:30px 23px;background:#fff;line-height:2;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.mask-content .inputbox{padding:10px 0;line-height:30px;font-size:14px}
.mask-content .inputbox .proname{float:left;width:96px;height:30px;overflow:hidden;text-align:left;color:#444;font-size:14px}
.mask-content .inputbox .proname i{display: inline-block;margin-right: 5px;width:21px;height: 21px;vertical-align: middle;margin-top: -4px;}
.mask-content .inputbox .proname .logo-name{background: url("../images/login_name_icon.png") no-repeat;}
.mask-content .inputbox .proname .mail-icon{background: url("../images/mail_icon.png") no-repeat;}
.mask-content .inputbox .proname .phone-icon{background: url("../images/phone_icon.png") no-repeat;}
.mask-content .inputbox .proname .zhuangtai{background: url("../images/zhuangtai_icon.png") no-repeat;}
.mask-content .inputbox .proname .icon-pass{background: url("../images/mima1_icon.png") no-repeat;}
.mask-content .inputbox .proname .icon-pass2{background: url("../images/mima2_icon.png") no-repeat;}
.mask-content .inputbox .procontent{margin-left:85px}
.mask-content .inputbox .procontent .wpinput{display:inline-block;*display:inline;zoom:1;vertical-align:middle;border:1px solid #ddd;background:#fff;padding:6px 5px;font-size:12px;color:#666}
.mask-content .inputbox .procontent .wpselect{display:inline-block;*display:inline;zoom:1;vertical-align:middle;padding:5px 0;border:1px solid #ddd;background:#fff;color:#666;font-size:12px}
.mask-content .inputbox .wpinput,.mask-content .inputbox .wpselect{width:238px;height:20px;border-radius: 3px;border:1px solid #ccc;}
.mask-content .inputbox .procontent .out {display: inline-block;width: 100px;height: 32px;text-align: center;vertical-align: middle;color: #7d2974;border: 1px solid #ccc;border-radius: 5px;}
.mask-content .inputbox .procontent .mytext {width: 100px;height: 30px;text-indent:10px;vertical-align: middle;color: #7d2974; font-size:16px; border: none;border-radius: 5px;outline: none;float: left;}
.xiugai{text-align: center;padding-top: 10px;}
.xiugai button{color: #fff;font-size:16px;padding: 7px 20px;border-radius: 3px;cursor:pointer;}
.xiugai button:hover{background:rgb(26,140,148);}

/*动态奖金参数设置*/
.dongtaijj{width:94%;margin-left:3%;margin-top:20px;margin-bottom:5px;padding-bottom:15px;float:left;overflow:hidden;background:white;}
.dongtaijj .title{width:100%;height:30px;line-height:30px;color:white;}
.dongtaijj .title .left{margin-left:3%;}
.dongtaijj .title span{display:inline-block;height:30px;padding:0px 10px;}
.dongtaijj .title label{display:inline-block;width:10px;height:30px;}
.dongtaijj-table{width:100%;padding-bottom:10px;overflow:hidden;}
/*.dongtaijj-table2{height:550px;}     用于增加.dongtaijj  table所在div的高度*/
.dongtaijj-table table{width:92%;float:left;margin-left:4%;margin-top:20px;letter-spacing:1px;text-align:center;border:solid 1px rgb(220,220,220);border-right:none;border-bottom:none;}
.dongtaijj-table table tr{height:40px;font-size:14px;}
.dongtaijj-table table .head{height:40px;overflow:hidden;}
.dongtaijj-table table .head span{display:block;height:40px;line-height:40px;text-align:center;background:rgb(248,248,248);color:rgb(50,50,50);font-size:16px;}
.dongtaijj-table table td{width:10%;text-align:center;border-right:solid 1px rgb(220,220,220);border-bottom:solid 1px rgb(220,220,220);}
.dongtaijj-table table a{display:inline-block;width:20%;min-width:100px;height:30px;border-radius:5px;line-height:30px;color:white;}
.dongtaijj-table table a:hover{background:rgb(26,140,148);}

/*添加公司视频*/
.news-table{width:100%;height:300px;}
.news-table table{width:50%;float:left;margin-left:90px;margin-top:30px;}
.news-table table tr{height:40px;font-size:14px;}
.news-table table .item{width:100px;text-align: right;padding-right: 20px;}
.news-table table input{height:30px;text-indent:5px;outline:none;border:solid 1px rgb(150,150,150);border-radius:3px;}
.news-table table select{height:30px;text-indent:5px;outline:none;border:solid 1px rgb(150,150,150);border-radius:3px;}
.news-table table a#pickfiles,.news-table table .filelinkfull a{display:block;width:160px;height:30px;line-height:30px;text-align:center;font-size:16px;color:rgb(26,140,148);background:#eee;}
.news-table table a#pickfiles:hover,.news-table table .filelinkfull a:hover{color:rgb(255,182,0);}
.news-table table button{width:70px;height:30px;border-radius:5px;line-height:30px;text-align:center;color:white;cursor:pointer;}
.news-table table button:hover{background:rgb(26,140,148);}

.error{color:red}
.table-input input{width:60%;height:90%;text-align:center;font-size:16px;box-sizing:border-box;border:solid 1px #ddd;}
.table-input select{width:90%;height:90%;padding-left:15%;text-align:center;font-size:16px;border:solid 1px #ddd;}
.pure-td select{width:50%!important;padding:0px!important;}      /*用pure.css写的下拉列表*/

/*用户管理新增样式*/
.role-input2{width:92%;height:140px;}              /*表格上面的input标签，一行装不下的时候，用2行显示*/          
.role-input2 .input{width:100%;}
#createdTimeB,#createdTimeE{width:150px;}
.role-input2 .button{width:100%;height:60px;}
.role-table2 table td{width:7%;}                   /*当表格列数大于10的时候使用该样式*/
.role-input3{width:92%;height:210px;}
.role-input4{width:92%;height:270px;}

.p15{width:15%;}                                   /*通过百分比控制td里面的input或者select标签的宽度*/
.p18{width:18%;}
.p20{width:20%;}
.p25{width:25%;} 
.p27{width:27%;}                                   
.p30{width:30%;}
.p28{width:28%;}
.p33{width:33%;}
.p36{width:36%;}
.p40{width:40%;}
.p50{width:50%;}
.p53{width:53%;}
.p80{width:80%;}
.p90{width:90%;}
.p100{width:100%;}

#p1{color:#000;}

#reply{height:200px;margin:10px auto;padding:3px 0px;border:solid 1px #ccc;border-radius:5px;background:rgb(246,246,246);resize:none;outline:none;text-indent:5px;}

.huiyuanguanli input{width:90%;}

.showaPlye{
	background: rgb(26,140,148) none repeat scroll 0 0;
	height:40px;
	width:100px;
	border-radius:10px;
	
}
